<script lang="ts">
  export let width = "24px";
  export let height = "24px";
  export let color = "grey";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 12 12"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M9.99984 8.66669H5.99984C5.26442 8.66669 4.6665 8.06877 4.6665 7.33335V2.00002C4.6665 1.2646 5.26442 0.666687 5.99984 0.666687H8.91859C9.18317 0.666687 9.43734 0.772937 9.62484 0.960437L11.0394 2.37502C11.2269 2.56252 11.3332 2.81669 11.3332 3.08127V7.33335C11.3332 8.06877 10.7353 8.66669 9.99984 8.66669ZM1.99984 3.33335H3.99984V4.33335H1.99984C1.8165 4.33335 1.6665 4.48335 1.6665 4.66669V10C1.6665 10.1834 1.8165 10.3334 1.99984 10.3334H5.99984C6.18317 10.3334 6.33317 10.1834 6.33317 10V9.33335H7.33317V10C7.33317 10.7354 6.73525 11.3334 5.99984 11.3334H1.99984C1.26442 11.3334 0.666504 10.7354 0.666504 10V4.66669C0.666504 3.93127 1.26442 3.33335 1.99984 3.33335Z"
    fill={color}
  />
</svg>
